<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.9.1.min.js"></script>

    <link rel="stylesheet" type="text/css" href="../plugins/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" type="text/css" href="../css/fs.css" media="all"/>
    <script type="text/javascript" src="../plugins/layui/layui.js"></script>
    <script src="../js/tools.js"></script>
    <script src="../controller/cityWide.js?v="+ Date.now()></script>
    <!-- formSelects-->
    <link rel="stylesheet" href="../plugins/formSelects-v4/formSelects-v4.css" media="all">
    <script src="../plugins/formSelects-v4/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
    <!--inputTags-->
    <link rel="stylesheet" type="text/css" href="../plugins/addTag/jquery.tagsinput.css" media="all"/>
    <script type="text/javascript" src="../plugins/addTag/jquery.tagsinput.js"></script>



</head>
<body>
    <blockquote style="margin-top: 10px;margin-left: 5px;margin-right: 5px;height: 60px" class="layui-elem-quote news_search">
        <button class="layui-btn" id="add" data-type="reload"><i class="layui-icon">&#xe654;</i>新增</button>
    </blockquote>
    <div style="margin-left: 5px;margin-right: 5px" >
        <table class="layui-hide" lay-filter="demo" id="table"></table>
    </div>
    <!--榜单话题窗口-->
    <div style="display: none; margin-top:30px" id="cityWid">
        <form class="layui-form" action="" lay-filter="topic">
            <div class="layui-form-item">
                <label class="layui-form-label">榜单相关话题:</label>
                <input type="hidden" id="topicId" name="id">
                <div class="tags" id="tags">
                    <input type="text" name="" id="inputTopic" placeholder="回车生成标签" autocomplete="off">
                </div>


            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">榜单相关关键词:</label>
                <div class="layui-input-block">
                    <input type="text"  name="account"  id="keywordInput"   class="layui-input">
                </div>
            </div>

            <div id="banner" class="layui-form-item">
                <label class="layui-form-label">热推banner：</label>
                <div class="layui-input-block">
                    <button type="button"  class="layui-btn"   id="uploadBanner"><i class="layui-icon">                        </i>更换</button>
                    <div class="layui-upload-list">
                        <img style="width:120px;height: 120px" class="layui-upload-img" id="bannerImage">
                        <input type="hidden" name="bannerImageId">
                        <p id="demoText"></p>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">使用城市:</label>
                <div style="width: 700px;height: 300px" class="layui-input-block">
                    <select id="city" name="city" style="overflow:auto" xm-select="city",xm-select-direction="down">
                        <option value="">请选择, 此处是联动多选</option>
                        <optgroup label=北京>  <option value=2>北京市</option></optgroup> <optgroup label=天津>  <option value=22>天津市</option></optgroup> <optgroup label=上海>  <option value=41>上海市</option></optgroup> <optgroup label=重庆>  <option value=62>重庆市</option></optgroup> <optgroup label=河北省>  <option value=103>石家庄</option>  <option value=128>唐山</option>  <option value=144>秦皇岛</option>  <option value=153>邯郸</option>  <option value=174>邢台</option>  <option value=195>保定</option>  <option value=222>张家口</option>  <option value=241>承德</option>  <option value=254>沧州</option>  <option value=272>廊坊</option>  <option value=284>衡水</option></optgroup> <optgroup label=山西省>  <option value=298>太原</option>  <option value=310>大同</option>  <option value=323>阳泉</option>  <option value=330>长治</option>  <option value=345>晋城</option>  <option value=353>朔州</option>  <option value=361>晋中</option>  <option value=374>运城</option>  <option value=389>忻州</option>  <option value=405>临汾</option>  <option value=424>吕梁</option></optgroup> <optgroup label=内蒙古>  <option value=440>呼和浩特</option>  <option value=451>包头</option>  <option value=462>乌海</option>  <option value=467>赤峰</option>  <option value=481>通辽</option>  <option value=491>鄂尔多斯</option>  <option value=500>呼伦贝尔</option>  <option value=515>巴彦淖尔</option>  <option value=524>乌兰察布</option>  <option value=537>兴安盟</option>  <option value=544>锡林郭勒盟</option>  <option value=557>阿拉善盟</option></optgroup> <optgroup label=辽宁省>  <option value=562>沈阳</option>  <option value=577>大连</option>  <option value=589>鞍山</option>  <option value=598>抚顺</option>  <option value=607>本溪</option>  <option value=615>丹东</option>  <option value=623>锦州</option>  <option value=632>营口</option>  <option value=640>阜新</option>  <option value=649>辽阳</option>  <option value=658>盘锦</option>  <option value=664>铁岭</option>  <option value=673>朝阳</option>  <option value=682>葫芦岛</option></optgroup> <optgroup label=吉林省>  <option value=691>长春</option>  <option value=703>吉林</option>  <option value=714>四平</option>  <option value=722>辽源</option>  <option value=728>通化</option>  <option value=737>白山</option>  <option value=745>松原</option>  <option value=752>白城</option>  <option value=759>延边自治州</option></optgroup> <optgroup label=黑龙江省>  <option value=769>哈尔滨</option>  <option value=790>齐齐哈尔</option>  <option value=808>鸡西</option>  <option value=819>鹤岗</option>  <option value=829>双鸭山</option>  <option value=839>大庆</option>  <option value=850>伊春</option>  <option value=869>佳木斯</option>  <option value=882>七台河</option>  <option value=888>牡丹江</option>  <option value=900>黑河</option>  <option value=908>绥化</option>  <option value=920>大兴安岭地区</option></optgroup> <optgroup label=江苏省>  <option value=925>南京</option>  <option value=940>无锡</option>  <option value=950>徐州</option>  <option value=963>常州</option>  <option value=972>苏州</option>  <option value=985>南通</option>  <option value=995>连云港</option>  <option value=1004>淮安</option>  <option value=1014>盐城</option>  <option value=1025>扬州</option>  <option value=1034>镇江</option>  <option value=1042>泰州</option>  <option value=1050>宿迁</option></optgroup> <optgroup label=浙江省>  <option value=1058>杭州</option>  <option value=1073>宁波</option>  <option value=1086>温州</option>  <option value=1099>嘉兴</option>  <option value=1108>湖州</option>  <option value=1115>绍兴</option>  <option value=1123>金华</option>  <option value=1134>衢州</option>  <option value=1142>舟山</option>  <option value=1148>台州</option>  <option value=1159>丽水</option></optgroup> <optgroup label=安徽省>  <option value=1171>合肥</option>  <option value=1180>芜湖</option>  <option value=1189>蚌埠</option>  <option value=1198>淮南</option>  <option value=1206>马鞍山</option>  <option value=1212>淮北</option>  <option value=1218>铜陵</option>  <option value=1224>安庆</option>  <option value=1237>黄山</option>  <option value=1246>滁州</option>  <option value=1256>阜阳</option>  <option value=1266>宿州</option>  <option value=1273>巢湖</option>  <option value=1280>六安</option>  <option value=1289>亳州</option>  <option value=1295>池州</option>  <option value=1301>宣城</option></optgroup> <optgroup label=福建省>  <option value=1311>福州</option>  <option value=1326>厦门</option>  <option value=1334>莆田</option>  <option value=1341>三明</option>  <option value=1355>泉州</option>  <option value=1369>漳州</option>  <option value=1382>南平</option>  <option value=1394>龙岩</option>  <option value=1403>宁德</option></optgroup> <optgroup label=江西省>  <option value=1415>南昌</option>  <option value=1426>景德镇</option>  <option value=1432>萍乡</option>  <option value=1439>九江</option>  <option value=1453>新余</option>  <option value=1457>鹰潭</option>  <option value=1462>赣州</option>  <option value=1482>吉安</option>  <option value=1497>宜春</option>  <option value=1509>抚州</option>  <option value=1522>上饶</option></optgroup> <optgroup label=山东省>  <option value=1537>济南</option>  <option value=1549>青岛</option>  <option value=1563>淄博</option>  <option value=1573>枣庄</option>  <option value=1581>东营</option>  <option value=1588>烟台</option>  <option value=1602>潍坊</option>  <option value=1616>济宁</option>  <option value=1630>泰安</option>  <option value=1638>威海</option>  <option value=1644>日照</option>  <option value=1650>莱芜</option>  <option value=1654>临沂</option>  <option value=1668>德州</option>  <option value=1681>聊城</option>  <option value=1691>滨州</option>  <option value=1700>荷泽</option></optgroup> <optgroup label=河南省>  <option value=1712>郑州</option>  <option value=1726>开封</option>  <option value=1738>洛阳</option>  <option value=1755>平顶山</option>  <option value=1767>安阳</option>  <option value=1778>鹤壁</option>  <option value=1785>新乡</option>  <option value=1799>焦作</option>  <option value=1812>濮阳</option>  <option value=1820>许昌</option>  <option value=1828>漯河</option>  <option value=1835>三门峡</option>  <option value=1843>南阳</option>  <option value=1858>商丘</option>  <option value=1869>信阳</option>  <option value=1881>周口</option>  <option value=1893>驻马店</option></optgroup> <optgroup label=湖北省>  <option value=1906>武汉</option>  <option value=1921>黄石</option>  <option value=1929>十堰</option>  <option value=1939>宜昌</option>  <option value=1954>襄樊</option>  <option value=1965>鄂州</option>  <option value=1970>荆门</option>  <option value=1977>孝感</option>  <option value=1986>荆州</option>  <option value=1996>黄冈</option>  <option value=2008>咸宁</option>  <option value=2016>随州</option>  <option value=2020>恩施自治州</option>  <option value=2029>湖北省辖单位</option></optgroup> <optgroup label=湖南省>  <option value=2035>长沙</option>  <option value=2046>株洲</option>  <option value=2057>湘潭</option>  <option value=2064>衡阳</option>  <option value=2078>邵阳</option>  <option value=2092>岳阳</option>  <option value=2103>常德</option>  <option value=2114>张家界</option>  <option value=2120>益阳</option>  <option value=2128>郴州</option>  <option value=2141>永州</option>  <option value=2154>怀化</option>  <option value=2168>娄底</option>  <option value=2175>湘西自治州</option></optgroup> <optgroup label=广东省>  <option value=2185>广州</option>  <option value=2199>韶关</option>  <option value=2211>深圳</option>  <option value=2219>珠海</option>  <option value=2224>汕头</option>  <option value=2233>佛山</option>  <option value=2240>江门</option>  <option value=2249>湛江</option>  <option value=2260>茂名</option>  <option value=2268>肇庆</option>  <option value=2278>惠州</option>  <option value=2285>梅州</option>  <option value=2295>汕尾</option>  <option value=2301>河源</option>  <option value=2309>阳江</option>  <option value=2315>清远</option>  <option value=2325>东莞市</option>  <option value=2358>中山市</option>  <option value=2384>潮州</option>  <option value=2389>揭阳</option>  <option value=2396>云浮</option></optgroup> <optgroup label=广西>  <option value=2404>南宁</option>  <option value=2418>柳州</option>  <option value=2430>桂林</option>  <option value=2449>梧州</option>  <option value=2458>北海</option>  <option value=2464>防城港</option>  <option value=2470>钦州</option>  <option value=2476>贵港</option>  <option value=2483>玉林</option>  <option value=2491>百色</option>  <option value=2505>贺州</option>  <option value=2511>河池</option>  <option value=2524>来宾</option>  <option value=2532>崇左</option></optgroup> <optgroup label=海南省>  <option value=2542>海口</option>  <option value=2548>三亚</option>  <option value=2550>海南直辖县</option></optgroup> <optgroup label=四川省>  <option value=2571>成都</option>  <option value=2592>自贡</option>  <option value=2600>攀枝花</option>  <option value=2607>泸州</option>  <option value=2616>德阳</option>  <option value=2624>绵阳</option>  <option value=2635>广元</option>  <option value=2644>遂宁</option>  <option value=2651>内江</option>  <option value=2658>乐山</option>  <option value=2671>南充</option>  <option value=2682>眉山</option>  <option value=2690>宜宾</option>  <option value=2702>广安</option>  <option value=2709>达州</option>  <option value=2718>雅安</option>  <option value=2728>巴中</option>  <option value=2734>资阳</option>  <option value=2740>阿坝自治州</option>  <option value=2754>甘孜自治州</option>  <option value=2773>凉山自治州</option></optgroup> <optgroup label=贵州省>  <option value=2792>贵阳</option>  <option value=2804>六盘水</option>  <option value=2809>遵义</option>  <option value=2825>安顺</option>  <option value=2833>铜仁地区</option>  <option value=2844>黔西南自治州</option>  <option value=2853>毕节地区</option>  <option value=2862>黔东南自治州</option>  <option value=2879>黔南自治州</option></optgroup> <optgroup label=云南省>  <option value=2893>昆明</option>  <option value=2909>曲靖</option>  <option value=2920>玉溪</option>  <option value=2931>保山</option>  <option value=2938>昭通</option>  <option value=2951>丽江</option>  <option value=2958>思茅</option>  <option value=2970>临沧</option>  <option value=2980>楚雄自治州</option>  <option value=2991>红河自治州</option>  <option value=3005>文山自治州</option>  <option value=3014>西双版纳州</option>  <option value=3018>大理自治州</option>  <option value=3031>德宏自治州</option>  <option value=3037>怒江傈自治州</option>  <option value=3042>迪庆自治州</option></optgroup> <optgroup label=西藏>  <option value=3047>拉萨</option>  <option value=3057>昌都地区</option>  <option value=3069>山南地区</option>  <option value=3082>日喀则地区</option>  <option value=3101>那曲地区</option>  <option value=3112>阿里地区</option>  <option value=3120>林芝地区</option></optgroup> <optgroup label=陕西省>  <option value=3129>西安</option>  <option value=3144>铜川</option>  <option value=3150>宝鸡</option>  <option value=3164>咸阳</option>  <option value=3180>渭南</option>  <option value=3193>延安</option>  <option value=3208>汉中</option>  <option value=3221>榆林</option>  <option value=3235>安康</option>  <option value=3247>商洛</option></optgroup> <optgroup label=甘肃省>  <option value=3257>兰州</option>  <option value=3267>嘉峪关</option>  <option value=3269>金昌</option>  <option value=3273>白银</option>  <option value=3280>天水</option>  <option value=3289>武威</option>  <option value=3295>张掖</option>  <option value=3303>平凉</option>  <option value=3312>酒泉</option>  <option value=3321>庆阳</option>  <option value=3331>定西</option>  <option value=3340>陇南</option>  <option value=3351>临夏自治州</option>  <option value=3360>甘南自治州</option></optgroup> <optgroup label=青海省>  <option value=3370>西宁</option>  <option value=3379>海东地区</option>  <option value=3386>海北自治州</option>  <option value=3391>黄南自治州</option>  <option value=3396>海南自治州</option>  <option value=3402>果洛自治州</option>  <option value=3409>玉树自治州</option>  <option value=3416>海西自治州</option></optgroup> <optgroup label=宁夏>  <option value=3423>银川</option>  <option value=3431>石嘴山</option>  <option value=3436>吴忠</option>  <option value=3442>固原</option>  <option value=3449>中卫</option></optgroup> <optgroup label=新疆>  <option value=3455>乌鲁木齐</option>  <option value=3465>克拉玛依</option>  <option value=3471>吐鲁番地区</option>  <option value=3475>哈密地区</option>  <option value=3479>昌吉自治州</option>  <option value=3488>博尔塔拉州</option>  <option value=3492>巴音郭楞州</option>  <option value=3502>阿克苏地区</option>  <option value=3512>克孜勒苏州</option>  <option value=3517>喀什地区</option>  <option value=3530>和田地区</option>  <option value=3539>伊犁自治州</option>  <option value=3550>塔城地区</option>  <option value=3558>阿勒泰地区</option>  <option value=3566>新疆省辖单位</option></optgroup> <optgroup label=台湾省>  <option value=3572>台湾</option></optgroup> <optgroup label=香港特区>  <option value=3574>香港</option></optgroup> <optgroup label=澳门特区>  <option value=3576>澳门</option></optgroup>
                    </select>
                </div>
            </div>

            <div style="display: none" class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit="" lay-filter="addUpdate">立即提交</button>
                </div>
            </div>
        </form>
    </div>
    <!--榜单话题窗口-->
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="open">启用</a>
        <a class="layui-btn layui-btn-danger" lay-event="stop">停用</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>

<script>

    layui.use(['form', 'layedit', 'laydate',"table",'upload'], function() {
        var $ = layui.jquery
            , upload = layui.upload;
        var table = layui.table;
        //方法级渲染
        table.render({
            elem: '#table'
            ,url: '/json/json.json'
            ,cols: [
                [
                    {type:'numbers', title: '序',align:"center"},

                    { field: 'name', title: '榜单话题',align:"center"},

                    { field: 'employeeNumber', title: '关键词/标签',align:"center"},

                    { field: 'studentNumber', title: '榜单适用城市',align:"center"},

                    {field: 'createTime', title: '创建时间',align:"center",templet: function(d){
                        if(isNull(d.createTime)){
                            return "-";
                        }
                        return getFormatDateByLong(d.createTime, "yyyy-MM-dd hh:mm");
                    }},
                    {field: null ,width:"25%", title: '操作',align:"center",templet:"#barDemo" }
                ]
            ]
            ,id: 'testReload'
            ,page: true
            // ,height: 450
        });

        var $ = layui.$, active = {
            reload: function(){
                var demoReload = $('#demoReload');

                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        id: demoReload.val()
                    }
                });
            }
        };

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    })

</script>

</body>
</html>